﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>CSS文字样式</title>
    <style type="text/css">
        table {
            width: 1210px;
            text-align: center;
        }
            table a {
                color: green;
                text-decoration: none;
            }
                table a:hover {
                    color: red;
                    text-decoration: underline
                }
        a:hover {
            color: #7c7c00;
            text-decoration: underline;
        }

        .title {
            text-align: center;
            color: blue
        }
        p.stop {
            color: red
        }
        p.warning {
            color: yellow
        }
        p.normal {
            color: green
        }
        footer {
            background: #644108;
            color: #A9A9A9;
            padding-bottom: 10px;
            overflow: hidden;
            width: 1210px;
        }/*设置页脚背景颜色、字体颜色、宽度等属性*/
         footer a{
             color:#FFF;
             text-decoration:none;
         }/*设置超链接为白色、无下划线*/
          footer a:hover {
              color:#d2d0ce;
              text-decoration:underline;
          }/*设置当鼠标悬浮时显示为白色、带下划线*/
           footer .nav{
               top:45px;
               right:20px;
               position:absolute;
               line-height:150%;
               text-align:left;
           }/*该部分使用了据对定位并设置了行高和对齐方式*/
            footer .footer{
                text-align:center;
                overflow:hidden;
                zoom:1;
                width:auto;
                color:#FFFFFF;
                position:relative;
            }
            footer .login{
                background-color:#598428;
                color:#FFF;
                padding:3px 14px;
                margin-left:10px;
            }/*设置会员登录按钮的背景色、字体颜色等属性*/
             footer .register{
                 background-color:#F36523;
                 color:#FFF;
                 padding:3px 14px;
             }/*设置会员注册按钮的背景色、字体颜色等属性*/
              </style>
</head>
<body>
    <footer>
        <div class="footer box">
            <div class="nav">
                <a href="#" target="_blank">网络导航</a>  /
                <a target="_blank" href="#">公司介绍</a>  /
                <a target="_blank" href="#">动态关注</a>  /
                <a target="_blank" href="#">友好关注</a>  /
                <a target="_blank" href="#">通知我们</a>  /
                <a target="_blank" href="#">网站介绍</a>  /
                <a target="_blank" class="login " href="">用户登录</a>  /
                <a target="_blank" class="register " href="">欢迎会员注册</a> <br>  /
                <div style="text-align:left; padding-top:5px;"></div>
            </div>
        </div>
    </footer>
    <p class="stop">这是stop的样式</p>
    <p class="warning">这是warning的样式</p>
    <p class="normal">这是normal的样式</p>
    <p class="title ">蓝色的段落</p>
    <hl class="tiltle">蓝色的标题</hl>

    <h2 style=" text-align: center"><a hred="http://www.nou.com.cn">东软教育在线</a></h2>

<table style="background-color:#eaeaea;border-color:#eaeaea;">
    <tr>
        <td>
            <marquee><a href="http://www.nou.com.cn">东软教育在线</a></marquee>
            </td>
        </tr>
    </table>
</body>
</html>